
var $a_ball = $(".ball>a");

var $h_box = $(".h");
var $h_close = $(".h .close");
var $f_box = $(".f");
var $f_close = $(".f .close");
var $con3_box = $(".con3");
var $con3_close = $(".con3 .close");

$a_ball[0].addEventListener("click",function(){
	$h_box.css("display","block");
});
$a_ball[1].addEventListener("click",function(){
	$f_box.css("display","block");
});
$a_ball[2].addEventListener("click",function(){
	$con3_box.css("display","block");
});

$h_close.on("click",function(){
	$h_box.css("display","none");
});
$f_close.on("click",function(){
	$f_box.css("display","none");
});
$con3_close.on("click",function(){
	$con3_box.css("display","none");
});


//var $h_box = $(".h .box");

var $img_con3 = $(".con3_box>img");
var $img_con3_click = null;
$img_con3.on("click",function(){
	$(this).css({"width":"100%","height":"100%"});
	if($img_con3_click!=null){
		$img_con3_click.css({"width":"1rem","height":"1rem"});
	}
	$img_con3_click=$(this);
});

